<template>
  <div class="chat-header w-full flex justify-between items-center" p="l12px r12px t8px b8px">
    <div font="size-16px">Evil-Admin</div>
    <n-button size="small" quaternary @click="emits('switchShowBase')">
      <template #icon>
        <n-icon :size="26">
          <PanelLeftExpand20Regular v-if="showBase" />
          <PanelRightExpand20Regular v-else />
        </n-icon>
      </template>
    </n-button>
  </div>
</template>

<script setup>
import { PanelLeftExpand20Regular, PanelRightExpand20Regular } from '@/components/app-icons/index.js';

const props = defineProps({
  showBase: {
    type: Boolean,
    default: true,
  },
});
const emits = defineEmits(['switchShowBase']);
</script>
<style lang="scss">
.chat-header {
}
</style>
